@mixin cube {
  width: 100%;
  overflow: hidden;
  display: block;
  margin: 0 auto;
}

@mixin background {
  background-size: 100% 100%;
  background-position: top center;
  background-repeat: no-repeat;
}

:deep(.el-button) {
  height: 28px !important;
  line-height: 12px !important;

  button {
    outline: none;
  }
}

:deep(.border_btn) {
  border-color: #2878FF;
  color: #2878FF;
  font-size: 14px;
}

:deep(.editml_btn) {
  font-size: 14px;
}

:deep(.btn-disabled) {
  border-color: #d4e4ff;
  color: #a9c9ff;
}

:deep(.checkbox-table .el-table .cell ) {
  font-size: 14px !important;
}

:deep(.el-button--text) {
  color: #333;
}

:deep(.el-input__inner) {
  border: 1px solid #e0e4e8;
}

:deep(.el-textarea textarea ) {
  outline: none;
  appearance: none;
  -moz-appearance: none; /* Firefox */
  -webkit-appearance: none; /* Safari 和 Chrome */
  color: #333;
  resize: none
}

.left_control {
  @include cube;
  padding-right: 44px;

  button {
    width: 65px;
    height: 37px;
    line-height: 37px;
    float: right;
    text-align: center;
  }
}

:deep(.dialog-footer ) {
  @include cube;
  padding-right: 44px;

  button {
    width: 65px;
    height: 37px;
    line-height: 37px;
    float: right;
    text-align: center;
  }
}

.linkBlue {
  color: #2878FF;
  cursor: pointer;
}

//mefisto

.right-search {
  width: 70%;
  height: 5px;
  float: right !important;
  overflow: hidden;

  :deep(.el-input) {
    width: 1.95px;
    float: right !important;
    border-radius: 04px;
    border: none;

    input {
      height: 28px;
      line-height: 28px;
      border: none;
      background-color: #F2F4F8;
      color: #333 !important;
    }
  }

  :deep(.el-dropdown ) {
    width: 1.66px;
    float: right;
    margin-right: 12px;
    height: 28px;

    .el-button--primary {
      width: 1.66px;
      text-align: left;
      text-indent: 09px;
    }

    .el-icon--right {
      float: right;
      line-height: 28px;
    }
  }

  .pure_blue {
    float: right;
    background-color: #2878FF;
    color: #fff;
    margin-right: 14px;
    height: 28px;
    line-height: 28px !important;
  }

  .el-dropdown {
    height: 28px;

    button {
      height: 28px;
      line-height: 28px !important;
    }
  }
}

.converFail {
  color: #FF5D5D;
}

.covnerWait {
  color: #FF9600;
}

.convering {
  color: #1890FF;
}

.converSucc {
  color: #828D99;
}

.version-number-color {
  cursor: pointer;
  color: #FF9600;
}

//历史版本颜色只能看，不能点击
.version-history-color {
  //color: #FF9600;
  color: #828d99;
}

.container .right-main .right-mian-content .history_btn {
  background-color: #1890FF;
  float: right !important;
  margin-right: 1px;
}

.darkSvg {
  stroke: red;
  fill: red;
  color: red;
}

.shangchuan_btn {
  font-size: 14px;
}

.positionRight {
  float: right !important;
  right: 0 !important;
}

//viewer 查看器
//后退按钮

:deep(.backIcon) {
  position: absolute;
  top: 1px;
  left: 2px;
  width: 44px;
  height: 44px;
  line-height: 44px;
  display: block;
  float: left;
  background: rgba(0, 0, 0, 0.666);
  color: #fff;
  padding: 1px;
  border-radius: 5px;
  z-index: 2000;
  font-size: 16px;
  cursor: pointer;

  .el-icon-arrow-left {
    display: block !important;
    font-size: 24px;
    line-height: 44px;
  }
}

//pushtoBoss

.bottom-check {
  border: 1px solid #e0e4e8;
  background-color: #fff;
  padding: 01px;
  padding-left: 15px;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}

:deep(.view-detail .el-input.is-disabled .el-input__inner) {
  border-color: #eee !important;
}

:deep(.el-pagination) {
  height: 1px;
  margin-top: 1px;
  overflow: hidden;
}

:deep(.margin-top-32-px) {
  //padding-right: 11px;
}

.rowContainer {
  width: 100%;
  height: 90%;
  display: block;
  overflow: hidden;

  :deep(.el-scrollbar__wrap) {
    height: 110% !important;
  }
}

:deep(.has-gutter th .cell) {
  border-right: 1px solid #efefef !important;
}
